<template>
	<view class="content">
		<!-- 收货地址 -->
		<view class="addList" v-for="item in addresslist" @click="toEdit()">
			<view class="msg">
				宝石花园附近
			</view>
			<view class="right">
				<view class="icon">
					<!-- 编辑 -->
				</view>
				<view class="span">
					编辑
				</view>
			</view>
		</view>
		<button class="address">
			新增地址
		</button>
	</view>
</template>

<script>
	export default {
		data() {
			// isNum: false;
			return {
				addresslist:[{},{},{}]
			}
		},
		onLoad() {
	
		},
		methods: {
			toEdit:function(){
				uni.navigateTo({
					url:'./editAddress'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
.content{
	width: 750rpx;
	height: auto;
	.addList{
		display: flex;
		justify-content: space-between;
		margin-top: 20rpx;
		padding-left: 20rpx;
		.right{
			display: flex;
			.span{
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #999999;
				margin-right: 41rpx;
				line-height: 42rpx;
			}
		}
		.msg{
			width: 300rpx;
			height: 42rpx;
			color: rgba(80, 80, 80, 1);
			font-size: 28rpx;
			line-height: 42rpx;
		}
		.icon{
			width: 2rpx;
			height: 40rpx;
			color: rgba(153, 153, 153, 1);
			margin-right: 40rpx;
			background-image: url(../../../static/image/common/vertical.png);
		}
	}
	.address{
		position: fixed;
		left: 40rpx;
		bottom: 16rpx;
		width: 670rpx;
		height: 80rpx;
		background: #0199FE;
		line-height: 80rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		border-radius: 40rpx;
		text-align: center;
	}
}
</style>